<template>
  <div class="person">
    <h1>我是Person组件</h1>
    <ul>
      <li>姓名：{{name}}</li>
      <li>年龄：{{age}}</li>
      <li>资产：{{money}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    name:'Person',
    // 第一种接收方式 —— 数组（仅接收）
    // props:['name','money','age'],

    // 第二种接收方式 —— 对象（接收+限制类型）
    /* props:{
      name:String,
      money:Number,
      age:Object
    } */

    // 第三种接收方式 —— 对象（接收+限制类型+限制必要性+指定默认值）
    props:{
      name:{
        type:String,
        required:true,
        default:'最帅的那个男银'
      },
      money:{
        type:Number,
        required:true,
        default:999999,
      },
      age:{
        type:Object,
        required:true,
        default(){
          return {foreignAge:1,realAge:88888}
        }
      },
    }
  
  }
</script>

<style scoped>
  .person {
    background-color: skyblue;
    padding: 20px;
  }
</style>